import { View, Image, Text } from '@tarojs/components';
import Price from '@/components/Price';
import './index.scss';

export default function ({ service, skuInfo, count }) {
  console.log('skuInfo: ', skuInfo);
  return (
    <View className="service-item">
      <View className="service-info">
        <View className="service-image">
          <Image mode="aspectFit" src={service.pic_url} />
        </View>
        <View className="service-right">
          <View className="service-name">{service.name}</View>
          {/* <View className="service-address">{service.desc}</View> */}
          <View className="service-status">
            <Text>
              {skuInfo.name}；数量：x{count}
            </Text>
          </View>
          <View className="service-bottom">
            <View className="price">
              <Price price={skuInfo.price} />
            </View>
          </View>
        </View>
      </View>
    </View>
  );
}
